<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./static/layui/layui.css" media="all">
    <link rel="stylesheet" href="./static/css//gouwuce.css">
    <style>
        .finish_result {
            width: 998px;
            margin: 60px auto 0;
            font-size: 20px;
        }

        .finish_result_main {
            width: 160px;
            height: 178px;
            position: absolute;
            left: 50%;
            top: 42%;
            margin-left: -80px;
            margin-top: -89px;
        }

        .finish_result_main img {
            display: block;
            width: 60px;
            height: 60px;
            margin: 0 auto;

        }

        .finish_result_main p {
            color: #333;
            font-size: 20px;
            text-align: center;
            margin-top: 29px;
        }

        .finish_result_main a {
            text-align: center;
            color: #008eff;
            border: 1px solid #008eff;
            border-radius: 4px;
            font-size: 16px;
            width: 160px;
            height: 24px;
            line-height: 24px;
            margin-top: 29px;
            display: block;
        }

        }


        .finish_result {
            position: relative;
        }

        .finish_result_main {}
    </style>
    <title>购物车</title>
</head>

<body>
    <!-- header s -->
    <div class="header">
        <ul class="header_wrapper clearfix">
            <li class="logo">
                EASY-RD
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 塑料零件加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 金属零件加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)">模具加工</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)"> 零件购买</a>
            </li>
            <li class="header_nav">
                <a href="javascript:void(0)">资讯</a>
            </li>
            <li class="header_border">
                <a href="javascript:void(0)">在线报价</a>
            </li>
            <li class="header_icon">
                <div class="header_red_dot">1</div>
                <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
            </li>
            <li class="zhuce login_base">
                <a href="javascript:void(0)"> 注册</a>
            </li>
            <li class="header_line">
                |
            </li>
            <li class="denglu login_base">
                <a href="javascript:void(0)">登录</a>
            </li>
        </ul>
    </div>
    <!--header e  -->
    <!-- flow s-->
    <div class="flow change_flow">
        <ul class="flow_wrapper">
            <li class="logo">
                <a href="javascript:void(0);"> EASY-RD</a>
            </li>
            <li>
                <a href="javascript:void(0);"> 塑料零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">金属零件加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">摸具加工</a>
            </li>
            <li>
                <a href="javascript:void(0);">零件购买</a>
            </li>
            <li>
                <a href="javascript:void(0);">咨询</a>
            </li>
            <li>
                <a href="javascript:void(0);">在线报价</a>
            </li>
            <li class="flow">
                <a href="javascript:void(0);">
                    <div class="inner_flow">
                        <div class="header_red_dot">1</div>
                        <img src="./static/img/index/nav_shopping_normal@3x.png" alt="">
                    </div>
                </a>
            </li>
        </ul>
    </div>
    <!-- flow e -->
    <!-- 购物车 haeder -->
    <div class="gouwuce_header">
        <p class="gouwuce_list_header">
            我的购物流程
        </p>
        <ul class="gouwuce_list o_f_h">
            <li class="list_name_cover first_covert">
                <p class="circle_list">
                    01
                </p>
                <p class="list_w">
                    购物车
                </p>
            </li>

            <li class="goueuce_arrow">
                <img src="./static/img/log_2.png" alt="">
            </li>

            <li class="list_name_cover">
                <p class="circle_list ">
                    02
                </p>
                <p class="list_w">
                    确认订单
                </p>
            </li>

            <li class="goueuce_arrow">
                <img src="./static/img/log_2.png" alt="">
            </li>

            <li class="list_name_cover">
                <p class="circle_list ">
                    03
                </p>
                <p class="list_w">
                    支付
                </p>
            </li>

            <li class="goueuce_arrow">
                <img src="./static/img/log_2.png" alt="">
            </li>

            <li class="list_name_cover">
                <p class="circle_list ">
                    04
                </p>
                <p class="list_w">
                    完成
                </p>
            </li>

        </ul>
    </div>
    <!-- 购物车 haeder -->


    <!-- 支付结果 s -->
    <div class="finish_result">
        <p class="gouwuce_list_header">
            支付结果
        </p>

        <div class="finish_result_main">
            <img src="./static//img/index/ic_payment_succeed_blue@3x.png" alt="">
            <p>
                订单支付成功
            </p>
            <a href="#">
                管理后台查看订单
            </a>
        </div>

    </div>
    <!-- 支付结果 e -->


    <!-- footer s -->
    <div class="footer">
        <div class="footer_inner o_f_h">
            <div class="footer_inner_header o_f_h">

                <ul class="footer_inner_left o_f_h">
                    <li>
                        <a href="">
                            塑料零件加工
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            金属零件加工
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            模具加工
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            资讯
                        </a>
                    </li>
                    <li class="m_l_54">
                        <a href="">
                            应用展示
                        </a>
                    </li>
                </ul>

                <div class="footer_inenr_right">
                    EASY-RD
                </div>
            </div>

            <div class="footer_middle">
                友情链接：
                <a href="">博实永道深圳3d打印服务</a>
                <a href="">91打印</a>
                <a href="">蓝鲸工业设计</a>
                <a href="">360VR导航无人机</a>
                <a href="">世界新奇谷大数据</a>
                <a href="">重量检测机</a>
                <a href="">智能汽车</a>
                <a href="">3D打印资源库</a>
                <a href="">全球玻璃机械网</a>
            </div>

            <div class="footer_last_div">
                Copyright © 2018 云工厂 XXXXXXXX.com | 粤ICP备000000号-1
            </div>

        </div>
    </div>
    <!-- footer e -->

</body>
<script src="./static/layui/layui.js" charset="utf-8"></script>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>

<script>
    var reduce = $(".reduce").eq(0);
    var plus = $(".plus").eq(0);
    var num = $(".num").eq(0);

    reduce.click(function () {
        var num_inner = Number(num.text());
        if (num_inner == 0) return;
        num.text(num_inner - 1)
    })

    plus.click(function () {
        num.text(Number(num.text()) + 1)
    })
</script>

</html>